@import "minxi";
@import "var";
.dialog {
    background: url(../img/login.jpg) no-repeat;
    position: $position-ab;
    left: 50%;
    top: 50%;
    margin-left: -375px;
    margin-top: -190px;
    width: 750px;
    height: 380px;
    display: block;
}

.login-view {
    position: absolute;
    width: 280px;
    right: 60px;
    top: 0;
    z-index: 2;
    font-size: 12px;
}

.login-tab {
    font-size: 20px;
    color: #474c56;
    line-height: 72px;
    height: 72px;
    border-bottom: $Border $Color1;
}

.login-tab a {
    @include txt-decor();
    display: block;
    float: left;
    width: 140px;
    text-align: center;
    height: 72px;
    line-height: 72px;
}

.login-tab a:hover {
    background: red;
}

#login-area {
    display: block;
    height: 260px;
}

#login-area .login-form p {
    @include Pheight();
}

#login-area .login-form input {
    @include Input();
}

#login-area .login-form .btn1 {
    width: 60px;
    margin-left: 130px;
}

#login-area .login-third-wrap span a {
    @include txt-decor();
    font-size: 30px;
    margin-left: 25px;
    cursor: $cursor;
}

.login-third-wrap span:nth-child(2) a {
    color: orange;
}

.login-third-wrap span:nth-child(3) a {
    color: rgb(45, 158, 45);
}

.login-third-wrap span:nth-child(4) a {
    color: rgb(48, 146, 226);
}

.login-third-wrap span:nth-child(1) {
    font-size: $FontSize1;
}

.login-main-loading {
    font-size: 12px;
    text-align: center;
    margin: 30px 0;
    color: #999;
}

// 注册表单
#register-area {
    display: none;
}

#register-area .register-form input {
    @include Input();
}

#register-area .register-form p {
    @include Pheight();
}

#register-area .register-form p .btn2 {
    width: 60px;
    margin-left: 130px;
}

.ico_close {
    float: right;
    margin-top: 5px;
    margin-right: 8px;
}